<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/shopping-order.css" />
	</head>

	<body>
		<div id="header"></div>
		<div class="container">
			<div class="w-panel">
				<div class="title-inform">
					<span>收货信息</span>
				</div>
				<div class="bd-table">
					<div class="bd-tablef">
						<div class="bd-table-left fl">
							<form method="post">
								<!--<div class="crea-list">
									<label for="" class="crea">所在地区：</label>
									<select name="" class="s-select">
										<option value="">请选择</option>
										<option value="">山东省</option>
										<option value="">山西省</option>
										<option value="">河北省</option>
										<option value="">天津省</option>
									</select>
									<select name="" class="s-select">
										<option value="">请选择</option>
										<option value="">淄博市</option>
										<option value="">德州市</option>
										<option value="">青岛市</option>
										<option value="">潍坊市</option>
									</select>
									<select name="" class="s-select">
										<option value="">请选择</option>
										<option value="">淄博市</option>
										<option value="">德州市</option>
										<option value="">青岛市</option>
										<option value="">潍坊市</option>
									</select>
								</div>-->
                                   <fieldset class="fffff" style="padding:5px;">
									<!--<legend>收货地址</legend>-->
									<span>地址：</span>
									<select class="P1" name="P1"></select>
									<select class="C1" name="C1"></select>
									<select class="C2" name="C2"></select>

									<br>
								</fieldset>
								<div class="infor-list">
									<label for="" class="infor fl">详细信息：</label>
									<textarea placeholder="详细地址，街道、门牌号等" name="address" id="" cols="30" rows="10" tabindex="6" class="w-textarea fl" data-reactid=".2.1.0.1.0.0.0.1.0.1.0"></textarea>
									<div class="clear"></div>
								</div>
								<div class="consignee-list">
									<div class="man">
										<label for="" class="consignee">收货人：</label>
										<input type="" name="" id="" value="" class="consignee-inp" placeholder="输入地址" datatype='s5-16' errormsg='地址格式错误' nullmsg="请输入地址！" sucmsg='通过验证' />
									</div>
									<div class="tel">
										<label for="" class="iphone">手机号码：</label>
										<input type="tel" name="tel" id="tel" value="" placeholder="输入手机号" datatype='m' errormsg='手机号格式错误' nullmsg="请输入手机号！" sucmsg='通过验证' class="iphone-inp" />
									</div>
								<!--	<div class="clear"></div>-->
								</div>
								<div class="w-row-button">
									<button type="submit" class="button">保存按钮</button>
									<button type="button" class="button1">取消</button>
								</div>
							</form>
						</div>
						<div class="bd-table-right fl">
							<div class="w-row">
								<div class="w-row-input">
									<input type="checkbox" name="" id="" value="" class="save-crea" />
									<span>设为默认</span>
								</div>
								
							</div>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<div class="w-panelfoot">
				<div class="information">
					<div class="Commodity-information">
						<div class="w-w2 fl">
							<span class="all fl">商品信息</span>
							<div class="clear"></div>
						</div>
						<div class="w-w3 fl">
							<span class="all">单价</span>
						</div>
						<div class="w-w4 fl">
							<span class="all">数量</span>
						</div>
						<div class="w-w6 fr">
							<span class="all fl">实付</spdan>
								<div class="clear"></div>
							</div>
							<div class="w-w5 fr">
								<span class="all fr">小计</span>
							<div class="clear"></div>
						</div>
						<div class="clear"></div>
					</div>
				</div>
				<ul class="cart-grouplist">
					<li>
						<div class="list-list">
							<div class="photo fl">
								<img src="img/pic-23.png" />
							</div>
							<div class="nameCon fl">
								<p title="高清投影仪" class="sleep-yi" href="#">高清投影仪</p>
								<div class="color">
									<p title="便携带  白色" href="#">便携带  白色</a>
								</div>
							</div>
							<span class="pricea fl">￥</span>
							<span class="priceb fl">799.00</span>
							<div class="u-selnum fl">
								<span class="reduction fl">1</span>
								<div class="clear"></div>
							</div>
							<span class="price11 fl">￥</span>
							<span class="price1 fl">799.00</span>
							<div class="move-del fl">
								<span class="pricec fl">￥</span>
								<span class="priced fl">7999.00</span>
								<div class="clear"></div>
							</div>
							<div class="clear"></div>
						</div>
					</li>
					<li>
						<div class="list-list">
							<div class="photo fl">
								<img src="img/pic-23.png" />
							</div>
							<div class="nameCon fl">
								<p title="女式浪漫散摆修身连衣裙" class="sleep-yi" href="#">女式浪漫散摆修身连衣裙</p>
								<div class="color">
									<p title="XS 黑色" href="#">XS 黑色</a>
								</div>
							</div>
							<span class="pricea fl">￥</span>
							<span class="priceb fl">399.00</span>
							<div class="u-selnum fl">
								<span class="reduction fl">1</span>
								<div class="clear"></div>
							</div>
							<span class="price11 fl">￥</span>
							<span class="price1 fl">399.00</span>
							<div class="move-del fl">
								<span class="pricec fl">￥</span>
								<span class="priced fl">399.00</span>
								<div class="clear"></div>
							</div>
							<div class="clear"></div>
						</div>
					</li>

				</ul>
				<div class="m-invoice">
					<div class="invoice">
						<span>发票信息 ：</span>
						<img class="invoice-photo" src="img/pic-39_02.png" />
					</div>
					<div class="invoice-input">
						<input type="checkbox" name="" id="" value="" />
						<span>我要开发票</span>
					</div>
					<div class="m-invoice-bottomline">
						
					</div>
				</div>
				<div class="m-itemInfort">
					<div class="left-itemInfort fl">
						<div class="user">
							<span>使用优惠券(1张)</span>
							<img src="img/pic-39_02.png" />
						</div>
						<div class="button-bd">
							<p>暂无可用</p>
						</div>
						<div class="exchange">
							<span>兑换优惠券</span>
						</div>
						<form1>
							<div class="activeIptWrap-list">
								<input type="text" class="activeIpt" placeholder="请输入优惠码" id="">
								<button type="submit" class="activeBtn">兑换</button>
							</div>
						</form1>
						<!--<div class="splitLine">
							
						</div>-->
						<div class="user-ka">
							<span>使用礼品卡</span>
							<img src="img/pic-39_02.png" />
						</div>
						<div class="invoice-input">
							<input type="checkbox" name="" id="" value="" />
							<span>可用余额￥0.00</span>
						</div>
						<div class="exchangea">
							<span>添加礼品卡</span>
						</div>
						<form2>
							<div class="activeIptWrapa">
								<input type="text" class="activeIpt" placeholder="请输入礼品卡密码" id="">
								<button type="submit" class="activeBtn">绑定</button>
							</div>
						</form2>
					</div>
					<div class="right-itemInfort fr">
						<div class="goods-together">
							<span class="goods-together-name">商品合计    ：</span>
							<span class="goods-together-name-n">￥</span>
							<span class="goods-together-name-price">1198.00</span>
						
						</div>
						<div class="goods-freight">
							<span class="goods-freight-fre">运费    ：</span>
							<span class="goods-freight-m">￥</span>
							<span class="goods-freight-pic">0.00</span>
						</div>
						<div class="lin-4">
							<span class="money">应付总额    ：</span>
							<span class="xing">￥</span>
							<span class="money-mon">1198.00</span>
						</div>
						<div class="button-input99">
							<a href="shopping-pay.html"><span>去付款</span></a>
						</div>
						<div class="clear"></div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<div id="footer"></div>
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/head-foot.js" type="text/javascript" charset="utf-8"></script>
		<!--<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>-->
		<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<script src="js/mock.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mock-json.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/Validform_v5.3.2_min.js" type="text/javascript" charset="utf-8"></script>
		<script src="layer-v3.1.1/layer/layer.js"></script>
		<script src="js/PCASClass.js" type="text/javascript" charset="utf-8"></script>
		<script language="javascript" defer>
			new PCAS("P1", "C1","C2");
			
			

			new PCAS("province", "city", "area", "吉林省", "白城市", "大安市");
			new PCAS("province1", "city1", "area1", "吉林省", "吉林市", "龙潭区");
			new PCAS("province2", "city2", "area2", "江苏省", "苏州市", "沧浪区");
		</script>
		<script type="text/javascript">
			$("form").Validform({
				tiptype: 3,
				datatype: {
					'm': /^13[0-9]{9}$|14[0-9]{9}|15[0-9]{9}$|18[0-9]|17[0-9]{9}$/,
					'password': /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{5,16}$/
				}
			});
		</script>
		<!--<script type="text/javascript">
			$(".w-row-button .button").click(function(){
				//表单序列化
				var data = $('form').serialize();
				$.post('/register', data, function(result){
					if(result.status){
						alert(result.msg);
						//跳转页面
						location.href="shopping-cars.html";
					}else{
						console.log(result);
					}					
				}, 'json');
			})
		</script>
-->		<script type="text/javascript">
			$(".w-row-button .button").click(function() {
				layer.open({
					content: '保存成功，嘤嘤嘤！',
					yes: function(index, layero) {
						layer.close(index); //如果设定了yes回调，需进行手工关闭
					}
				});
			});
			$(".activeIptWrap .activeBtn").click(function() {
				layer.open({
					content: '优惠券不够了，明天再来吧！',
					yes: function(index, layero) {
						layer.close(index); //如果设定了yes回调，需进行手工关闭
					}
				});
			})
		</script>
		<script type="text/javascript">
			$(".activeIptWrap-list").css("display", "none");
			var flag = true;
			$(".exchange span").click(function() {
				if(flag) {
					$(this).parent().siblings().find(".activeIptWrap-list").css({
						display: 'block'
					});
					flag = false;
				} else {
					$(this).parent().siblings().find(".activeIptWrap-list").css({
						display: 'none'
					});
					flag = true;
				}
			});
		</script>
		<script type="text/javascript">
			$(".activeIptWrapa").css("display", "none");
			var flag = true;
			$(".exchangea span").click(function() {
				if(flag) {
					$(this).parent().siblings().find(".activeIptWrapa").css({
						display: 'block'
					});
					flag = false;
				} else {
					$(this).parent().siblings().find(".activeIptWrapa").css({
						display: 'none'
					});
					flag = true;
				}
			});
		</script>
	</body>

</html>